<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">

        <ng-container matColumnDef="uniqueId">
          <th mat-header-cell *matHeaderCellDef> UNIQUE ID. </th>
          <td mat-cell *matCellDef="let element"> {{element.uniqueId}} </td>
        </ng-container>
      
        
        <ng-container matColumnDef="matches">
          <th mat-header-cell *matHeaderCellDef>MATCH </th>
          <td mat-cell *matCellDef="let element"> {{element.matches}} </td>
        </ng-container>
        
        <!-- <ng-container matColumnDef="action">
                <th mat-header-cell *matHeaderCellDef>ACTION </th>
                <td mat-cell *matCellDef="let element"> 
                    <button mat-raised-button color="accent" (click)="addFavourite(element)">ADD TO FAVOURITE</button>
                </td>
          </ng-container> -->
        <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
        <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
      </table>
      